em (単位)
<html>要素のfont-sizeのdefultは16px
特に何も指定しなかったら、これが子に受け継がれる
常に親の相対となる
code:css
/* htmlが body>.parent>.childのとき */
body { /* defualtは16pxなので、
font-size: 1.5em; /* 16 * 1.5px = 24px
}
.parent {
padding: 2em; /* 親に対する相対なので、24 * 2px
font-size: 1.5em; /* 24 * 1.5px = 36px
}
.child {
padding: 1.5em; /* 親のfont-sizeを見て36 * 1.5px
}
MDNの説明がシンプルでわかりやすい
略ではないらしい
「M」が由来で、それのラテン文字の名称が「em」なのらしい